<template>
    <div class="nodata">
        <img src="../assets/img/nodata.png" alt="">
        <p class="nodataT">{{ NoDataT }}</p>
    </div>
</template>

<script>
    export default {
        name: 'NoData',
        props: {
            NoDataT: {
                type: String,
                default: '暂无数据'
            }
        }
    }
</script>

<style scoped>
    .nodata {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .nodata > img {
        width: 123px;
        height: 102.5px;
    }

    .nodataT {
        margin-top: 15px;
        font-size: 13px;
        font-weight: 500;
        color: rgba(90, 141, 255, 1)
    }
</style>
